@import './sass/cards';
@import './sass/colors';
@import './sass/fonts';
@import './sass/forms';
@import './sass/layout';

$font-path: 'https://webassets.iota.org/fonts/' !default;

@import './sass/inter';
@import './sass/metropolis';

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-color: $gray-05;
}

h2 {
  @include font-size(32px);

  color: $dark-gray;
  font-family: $metropolis;
}

p {
  @include font-size(14px);

  font-family: $metropolis;
}

button {
  @include font-size(12px);

  margin: 0px 10px 10px 0px;
  padding: 6px;
  border: 1px solid $main-green;
  border-radius: 6px;
  outline: none;
  background: $white;
  color: $gray-5;
  font-family: $metropolis;
  font-weight: bold;
  cursor: pointer;

  &:focus {
    box-shadow: 0 0 3px 0 $light-green;
  }
}
